<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/zhuCe.css">
    <link rel="shortcut icon" href="../favicon.ico">
    <script src="../js/jquerry_cha_Jan/jquery.js"></script>
    <script src="../js/jquerry_cha_Jan/jquery.validate.js"></script>
    <script src="../js/jquerry_cha_Jan/messages_zh.js"></script>
    
    <style>
        .error{
            color:red;
        }
        </style>
</head>
<body>
    <!--注册-->
    <div class="head">
        <div class="w">
            <ul>
                <li>
                    <a href="#"><img src="../images/01.png" alt="" width="146px" height="55px"></a>                
                </li>
                <li class="li01"></li>
                <li><span>注册账号</span></li>
            </ul>
            <p>我是会员，点此 <a href="#">登录</a></p>                 
         </div>     
    </div>

     <!-- 主体部分 -->
    <div class="_body">
        <div class="w">
            <div class="_body_top">
                <div class="dddd">
                    <p><i></i>客服热线：010-21360025 <i></i><a href="#">在线客服</a></p>
                </div>

            </div>
            <!-- 表单 -->
            <div class="_form">
                <!-- 左边的盒子 -->
                <div class="_form_left">
                    <div>
                        <h2>线索</h2><p class="pp">日均10万条采购线索</p><h2>行业</h2><p>覆盖63个行业</p>
                    </div>
                </div>
                <!-- 右边的盒子 -->
                <form action="#" name="frm">
                <div class="_form_right">
                    <div class="div1 div_top">
                        <label for="user">手机号</label>
                        <input type="text" placeholder="建议使用常用手机号" name="input1">
                        <br>
                    </div>

                    <!-- <div class="div1 div111" >
                        <button class="bubu">点击完成验证</button>
                    </div>  -->
                    <!-- <div class="div1 div222">
                        <span>验证码</span>
                            <input type="text" placeholder="请输入短信验证码" class="inp_1"> -->
                            <!-- <button class="but_1">获取验证码</button>
                    </div>  -->
                    <div class="div1">
                        <span>会员名</span>
                        <input type="text" placeholder="请输入4-15位字母、字母+数字组合" name="input2">
                    </div>
                    <div class="p_p">
                        <p class="p_p_1">您需要慧聪网提供哪些项服务</p>
                        <p class="p_p_2">
                            <!-- <input type="radio"> -->
                            <span>帮我找货源/供应商</span>
                            <!-- <input type="radio"> -->
                            <span>帮我找买家/采购商</span>
                            <!-- <input type="radio"> -->
                            <span>两者都是</span>
                        </p>
                    </div>
                    <div class="div1 div_co">
                        <button class="bububu" style="cursor:pointer ;">点击完成验证</button>
                    </div>
                    <div class="p_pp">
                        <p>
                            <!-- <input type="radio"> -->
                            <input type="checkbox">
                            <span>已阅读并同意《慧聪网服务协议》《隐私协议》/供应商</span></p>
                    </div>

                    <!-- 尾部版权信息 -->
                </div>
                </form>

            <div class="banQuan">
                <p><span>违法和不良信息举报电话：010-21360025</span><span>举报邮箱：<a href="#">jubaotousu@hc360.com</a></span><span> comCopyright©2000-2021 hc360.com. All Rights Reserved</span></p>
            </div>
        </div>
        </div>
    </div>
    <script src="../js/ajax1.js"></script>
    <script src="../js/zhuce.js"></script>


    <script>
    
        $('[name="frm"]').validate({
           
            
            rules:{

                 errorPlacement: function(error, element) {
			// Append error within linked label
			$( element )
				.closest( "form" )
					.find( "label[for='" + element.attr( "id" ) + "']" )
						.append( error );
		},
                input1:{
                    required: true,
                    digits:true,
                    // maxlength:11,
                    // minlength:11,
                },

                input2:{
                    required: true,
                    rangelength:[4,15]
                }
               
            }    
        })
    </script>
   
</body>
</html>